﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- saved from url=(0014)about:internet -->
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<link rel="stylesheet" type="text/css" media="screen" title="light-theme" href="oomphcss/light.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="dark-theme" href="oomphcss/dark.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="blue-theme" href="oomphcss/blue.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="notebook-theme" href="oomphcss/notebook.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="grunge-theme" href="oomphcss/grunge.css"/>
<link rel="alternate stylesheet" type="text/css" media="screen" title="basicDark_fixed" href="oomphcss/basicDark_fixed.css" />
<link rel="alternate stylesheet" type="text/css" media="screen" title="basicDark_auto" href="oomphcss/basicDark_auto.css"/>
<link href="oomphcss/switcher.css" rel="stylesheet" type="text/css" />


<script type="text/javascript">

function setStyle(title){ 
	var i, cache, alt=[""]
	for(i=0; (cache=document.getElementsByTagName("link")[i]); i++) {
		if(cache.getAttribute("rel").toLowerCase()=="alternate stylesheet" && cache.getAttribute("title")) { 
			cache.disabled = true
			alt.push(cache) 
			if(cache.getAttribute("title") == title) 
				cache.disabled = false 
		}
	}
}

</script>
</head>

<body>

<!-- THIS STARTS THE NAVIGATION -->
<!-- THIS STARTS THE NAVIGATION -->

<div id="oomphGem"><img src="oomphcss/oomphimages/lab_main_oomph_small.jpg" /></div>

<div id="oomphHeader">Oomph Microformat Styles</div>

<div id="downloadLink"><a href="http://www.codeplex.com/Oomph/Release/ProjectReleases.aspx?ReleaseId=18505">Download the HTML, CSS, and image files</a></div>

<div class="floatLeft">
	<div id="cssNav">
	<ul>
	<li><a href="javascript:setStyle('light-theme')" >Light Rounded-Corners</a><br/>
		<div class="downloadLinks">light-theme.css</div>
	</li>

	<li><a href="javascript:setStyle('dark-theme')">Dark Rounded-Corners</a><br/>
		<div class="downloadLinks">dark-theme.css</div>
	</li>

	<li><a href="javascript:setStyle('blue-theme')">Blue Rounded-Corners</a><br/>
		<div class="downloadLinks">blue-theme.css</div>
	</li>

	<li><a href="javascript:setStyle('notebook-theme')">Notebook</a><br/>
		<div class="downloadLinks">notebook-theme.css</div>
	</li>

	<li><a href="javascript:setStyle('grunge-theme')">Grunge</a><br/>
		<div class="downloadLinks">grunge-theme.css</div>
	</li>

	<li><a href="javascript:setStyle('basicDark_fixed')" >Basic Dark Fixed-Width</a><br/>
		<div class="downloadLinks">basicDark_fixed.css</div>
	</li>
	
	<li><a href="javascript:setStyle('basicDark_auto')">Basic Dark Auto-Width</a><br/>
		<div class="downloadLinks">basicDark_auto.css</div>
	</li>
	</ul>
	</div>
</div>

<div class="floatLeft">

<!-- THIS STARTS THE hCARD -->
<!-- THIS STARTS THE hCARD -->
<!-- THIS STARTS THE hCARD -->
	<div id="hcard" class="vcard">

	 	<!-- HCARD PHOTO -->
	 	<!-- HCARD PHOTO -->
		<div class="photo">
			<img alt="Avatar" height="64" src="oomphcss/oomphimages/avatar_64.jpg" width="64" />
		</div>
	 	
	 	<!-- HCARD CONTENT CONTAINER. "container" IS NOT A hCARD STYLE. -->
	 	<!-- HCARD CONTENT CONTAINER. "container" IS NOT A hCARD STYLE. -->
		<div class="container">
	 		<!-- PERSON NAME -->
	 		<!-- PERSON NAME -->
			<div class="fn full-name">
				<span class="given-name">First</span>
			  	<span class="additional-name">Middle</span>
			  	<span class="family-name">Last</span>
			</div>

	 		<!-- COMPANY NAME -->
	 		<!-- COMPANY NAME -->
			<div class="org">Company Name</div>

	 		<!-- WEBSITE URL -->
	 		<!-- WEBSITE URL -->
			<div>
				<a class="url" href="http://thunderkick.us">http://visitmix.com</a>
			</div>
	 		
	 		<!-- EMAIL -->
	 		<!-- EMAIL -->
	 		<a class="email" href="mailto:timaidlin@hotmail.com">info@visitmix.com</a>
	 		
			<!-- ADDRESS -->
			<!-- ADDRESS -->	 
	 		<div class="adr">
	 			<div class="street-address">1 Microsoft Way</div>
	 			<span class="locality">Redmond</span>
			 
				<span class="region">WA</span>
				,
				<span class="postal-code">98052</span>
				<div class="country-name">USA</div>
			 </div> 
			 
		 	<!-- TELEPHONE -->
		 	<!-- TELEPHONE -->
			<div class="tel">206.555.1212</div>

			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<div class="linksTags">
	 			<a class="url" href="aim:goim?screenname=aimscreenname">AIM</a>
	 			<a class="url" href="ymsgr:sendIM?yimscreenname">YIM</a>
	 			<a class="url" href="xmpp:jabberscreenname">Jabber</a>
				<div class="tags">
					<a href="http://kitchen.technorati.com/contacts/tag/tag1">tag1</a> <a href="http://kitchen.technorati.com/contacts/tag/tag2">tag2</a> <a href="http://kitchen.technorati.com/contacts/tag/tag3">tag3</a>
				</div>
			</div>
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" is not a Microformat tag.-->	 
			<!-- THIS SECTION CONTAINS THE PERSONS LINKS AND TAGS.  THE CLASS "linksAndTags" IS NOT A MICROFORMAT TAG.-->	
		</div>
		<!-- HCARD CONTENT CONTAINER -->
	 	<!-- HCARD CONTENT CONTAINER -->
	</div>
	<!-- THIS ENDS THE hCARD -->
	<!-- THIS ENDS THE hCARD -->
	<!-- THIS ENDS THE hCARD -->

<!-- THIS BEGINS THE FOOTER.  CLASS "footer" IS NOT A MICROFORMAT TAG. -->
	<div class="footer"></div>

<!-- THIS CLOSES "FLOATLEFT" -->
</div>

<!-- THIS STARTS THE hCALENDAR -->
<!-- THIS STARTS THE hCALENDAR -->
<div class="floatLeft">


<div class="vevent">
	<div class="eventContainer">
	<h3 class="summary">XYZ Project Review</h3>
	<p class="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas nec mi. Aliquam mollis. Donec justo erat, condimentum sit amet, interdum nec, egestas at, purus. In aliquet.  </p>
	<p>
	To be held on <abbr class="dtstart" title="1998-03-12T08:30:00-05:00">12 March 1998 from 8:30am EST</abbr> until <abbr class="dtend" title="1998-03-12T09:30:00-05:00">9:30am EST</abbr>
	</p>
	<p>
	Location: <span class="location">1CP Conference Room 4350</span>
	</p>
	<small>Booked by: <span class="uid">guid-1.host1.com</span> on 
<abbr class="dtstamp" title="19980309T231000Z">9 Mar 1998 6:00pm</abbr></small>
</div></div>
<div class="footer"></div>
</div>
</body>
</html>